<template>
	<view class="content ">
     	<image style="width: 100%;" src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-e06d9f07-22c4-452d-8fbb-6dcc4e87be48/10818362-fd51-4a3d-b31f-8235054c562e.png" mode="widthFix"></image>
		<view class="p-l-30 p-r-30">
			
		<view class="qr-content">
			<view class="warp-content flex-content">
				<image style="width: 506rpx;" src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-e06d9f07-22c4-452d-8fbb-6dcc4e87be48/d11ae012-bec2-4575-9754-f7db5b08cf0b.png" mode="widthFix"></image>
			</view>
			<view class="flex-content  p-t-50" style="width: 100%;">
				<image style="width: 70%;" :src="url" mode="widthFix"></image>
			</view>
		</view>
			
		</view>
	</view>
</template>

<script>
	import {getqrCode} from "@/api/user"
	import {baseURL} from "@/config/app.js"
	export default {
		props: {
		
		},
		data() {
			return {
				url:""
			}
		},
		async created() {
		   let res =await getqrCode({path:"pages/index/index"})
		   this.url=baseURL+ res.data.url
		},
		methods: {
routerNext(){
	uni.navigateTo({
		url:"/bundle/pages/my_qrcode/my_qrcode"
	})
}
			
			},
			onLoaded(event) {
			
		},
		watch: {
		
		}
	}
</script>

<style lang="scss" scoped>
	.qr-content{
		position: relative;
		height: 650rpx;
		width: 100%;
		border-radius: 10rpx;
		background-color: #FFFFFF;
	}
	.warp-content{
		width: 100%;
		position: absolute;
		top:-13rpx;
	}
	.bottom-content{
		width: 100%;
		height: 160rpx;
		position: fixed;
		bottom: 0rpx;
		background-color: #ffdd95;
	}
	.bottom-btn{
		width: 350rpx;
		height: 90rpx;
		border-radius: 100rpx;
		background-image: linear-gradient(#fca345,#f85131);
	}
	.content{
		width: 100%;
		height: 100vh;
		background-color: #D54442 ;
	}
	.user-content{
		width: 100%;
		margin-top: 20rpx;
		height: 433rpx;
		background-color: #FFFFFF;
		border-radius: 10rpx;
		overflow: hidden;
	}
	.my-money{
		width: 100%;
		height: 300rpx;
		background-color: #FFFFFF;
		border-radius: 10rpx;
		overflow: hidden;
	}
	.top-my{
		position: relative;
		height: 100rpx;
		background-color: #f6f6f6;
	}
	.icon-conetent{
		color: #c8c8c8;
		font-size: 28rpx;
		position: absolute;
		height: 100rpx;
		right: 10rpx;
	}
</style>
